<template>
  <div class="stutend">
      <h2>学生姓名：{{name}}</h2>
      <h2>学生性别：{{sex}}</h2>
      <button @click="sendStudentName">把学生名给School组件</button>
      <hr/>
  </div>
</template>

<script>
// 引入消息发布与订阅第三方库，使用消息发布与订阅。
    import pubsub from 'pubsub-js'
    
    export default {
        name:'Student',
        data(){
            return{ 
                name:'覃小宝',
                sex:'男'
            }
        },
        mounted(){
            // console.log('Student',this);
            
        },
        methods:{
            sendStudentName(){
                // this.$bus.$emit('hello',this.name);
                pubsub.publish('hello',666);
            }
        }
    }
</script>

<style scoped>
    .stutend{
        background-color: orange;
        padding: 5px;
    }
</style>